<template>
  <div class="body">
    <div class="header">
      <img src="../../assets/img/fanhui.png" class="icon" @click="fanhui" />
      <div class="reg-btn">
        <a href="/LRcom/reg">手机快捷注册</a>
        <h6></h6>
      </div>
      <div class="login-btn">
        <a href="/LRcom/login">手机快捷登陆</a>
        <h6></h6>
      </div>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // comList: [
      //   {
      //     path: "#/LRcom/reg",
      //     tit: "手机快捷注册"
      //   },
      //   {
      //     path: "#/LRcom/login",
      //     tit: "手机快捷登陆"
      //   }
      // ]
    };
  },

  //2.注册
  components: {},

  methods: {
    // reg() {
    //   this.$toast("666");
    //   // this.$router.push("");
    // }
    fanhui() {
      this.$router.push("/home");
    },
    created() {}
  }
};
</script>

<style scoped>
.header {
  width: 100%;
  height: 0.392rem;
  display: flex;
  font-size: 14px;
  text-align: center;
  line-height: 0.392rem;
  margin-bottom: 20px;
  position: relative;
  /* background: #fff;  */
}
.icon {
  width: 0.2465rem;
  height: 0.2465rem;
  position: absolute;
  top: 0.0855rem;
  left: 0.0855rem;
  z-index: 10;
}
.header a {
  color: #aaa;
  text-decoration: none;
}
.header .login-btn {
  width: 50%;
  height: 100%;
  position: relative;
}
.color {
  color: #01b27a !important;
}
.header a:hover {
  color: #01b27a;
}
.login-btn h6 {
  width: 0.28rem;
  height: 0.04rem;
  background: #01b27a;
  border-radius: 0.015rem;
  position: absolute;
  left: 40%;
  bottom: 0;
  opacity: 0;
}
.login-btn:hover h6 {
  opacity: 1;
}
.header .reg-btn {
  width: 50%;
  height: 100%;
  position: relative;
}
.header .reg-btn:hover {
  color: #01b27a;
}
.reg-btn h6 {
  width: 0.28rem;
  height: 0.04rem;
  background: #01b27a;
  border-radius: 0.015rem;
  position: absolute;
  left: 40%;
  bottom: 0;
  opacity: 0;
}
.reg-btn:hover h6 {
  opacity: 1;
}
</style>
<style >
body {
  background: #fff;
}
</style>